import styled from "styled-components";

export const LoginWrapper = styled.div `
  width: 100%;
  height: 100%;
  background:url(${require('@/assets/imgs/bgd2.jpg').default} );//要这样引图片

  .header{
    display: flex;
    width: 100%;
    height:70px;
    line-height: 70px;
    background-color: yellowgreen;
   
    img{
        width: 70px;
        height: 70px;
        margin: 0 10px;
        border-radius: 50%;
        
    }
  }

  .login{
    width: 400px;
    height: 300px;
    padding: 30px;
    margin: 50px auto;
    background-color: #ccc;

    .login-header{
      text-align: center;
      font-size: 20px;
      padding:0 0 10px 0
    }
    .login-content{
      .login-form-button{
          width: 100px;
        text-align: center;
       margin-left: 120px;
      
      }
    }
  }
`